/**
 * 分页功能
 */

// 上一页
 function pre() {
     // 获取当前页码
    var currentPage = document.getElementById('currentPage').innerText;
    currentPage = parseInt(currentPage);
    if (currentPage == 1) {
        window.alert('当前为第一页，无法先前翻页')
    }
    if (currentPage > 1){
        document.getElementById('currentPage').innerText = currentPage - 1;
        currentInnerText = currentPage - 1;
        // 展示数据
        showData(currentInnerText);
    }
}

// 下一页
function next() {
    // 可以分的总页数
    var totalPages = Math.ceil(data.length / 10);  
    // 获取当前的页码值
    var currentPage = document.getElementById('currentPage').innerText;
    currentPage = parseInt(currentPage);
    if (currentPage < totalPages) {
        // 当前页码小于总页码
        document.getElementById('currentPage').innerText = currentPage + 1;
        currentInnerText = currentPage + 1;
        // 展示数据
        showData(currentInnerText);
    }
    else {
        window.alert('当前为最后一页，无法向后翻页')
    }
}

/**
 * 封装渲染数据范围的功能
 * currentInnerText 跳转过后的页码
 */
function showData(currentInnerText) {
    var currentRow = "";
    // 判断当前展示的最大数据是否超过数据范围
    var len = currentInnerText*10<data.length?currentInnerText*10:data.length;
    for(var i = (currentInnerText-1)*10; i<len; i++) {
        currentRow += "<tr>";
        // 第i行数据
        for(var val in data[i]) {   // 这里用fori报错，所以选择用forin
            currentRow += "<td>" + data[i][val] + "</td>";
        }
        currentRow += "<td><a onclick='deletePolicy(this)'>删除</a></td>"
        currentRow += "</tr>";
    }
    //将拼接的字符串放进tbody里
    document.getElementById("tbody").innerHTML = currentRow;
    // 更新当前页码
    document.getElementById('currentPage').innerText = currentInnerText;
    // 更新总数据
    document.getElementById('totalRows').innerText = data.length;
    // 更新总页数
    document.getElementById('totalPages').innerText = Math.ceil(data.length / 10);
}